dashi PPT skill实战:网页可编辑演示文稿生成
你会学到什么
上一节介绍了AI PPT工具全景和html-ppt-skill/frontend-slides两个Claude Code Skill。它们有一个共同短板:输出是HTML演示页,导出成"可编辑的PPTX"要么不支持、要么效果打折。本节实战2026年下半年的新晋开源方案dashi(大师PPT,dashi-ppt-skill)——它把"生成后的可编辑能力"做成了核心卖点:每一页PPT自带一个网页版编辑控制台,改完能一键导出真正可编辑的PPTX。本节走完安装、生成、编辑、导出全流程,并给出成本账和选型建议。
dashi是什么:核心数字与平台适配
仓库:chuspeeism/dashi-ppt-skill(GitHub,2026-11-07 核实10.4k Star、888 Fork,AGPL-3.0协议)。一句话定位:把文档丢给你的AI Agent,它生成一份"每一页都自带编辑控制台"的网页PPT——不满意的地方直接在浏览器里改,改完一键导出成真实的、可编辑的PPTX。
| 维度 | 数据(官方README) |
|---|---|
| 视觉主题 | 12套内置(交互时以中文风格名展示:冷白调研风、色谱图表风、深浅代码风、深色图谱风等,对应仓库内theme01–theme12) |
| 版式页面 | 1020个,每套主题独立的页面结构与视觉语言,覆盖20种页面角色(封面、目录、指标、趋势、对比、流程、风险、结尾……) |
| 可调控件 | 8576个 |
| 图表版式 | 雷达图、瀑布图、矩形树图、漏斗、热力图、桑基图、甘特图 |
| 分析模型版式 | SWOT、波特五力、PEST、商业模式画布、双钻模型 |
| 导出格式 | HTML离线包 / PDF / 可编辑PPTX |
| 编辑能力 | 滑杆、开关、下拉——换布局、调模块数量、换配色、换页面重点;文字点击就地改;媒体槽点击/拖拽替换;9种翻页动画 |
| Token消耗 | 官方FAQ实测:一套10页PPT约10万token(随文档长度和往返修改次数浮动) |
| 隐私 | 内容零上传:文档和PPT内容不发送到任何服务器,生成、编辑、导出全在本机(联网仅首次npm装依赖+静默版本检查) |
平台适配(已实测列表):Claude Code支持;Codex支持(可调用生图能力补充配图);豆包支持(需启动办公模式);Marvis/Workbuddy/Dumate/Qclaw支持(skill文件放任意位置读取SKILL.md即可);Cursor及其他本地Agent可用(需能读写文件并执行shell命令);普通网页Chatbot不推荐——生成器需要本地Node.js环境。
许可注意:主仓库AGPL-3.0(对应第19章02节的模型许可红线话题——若基于它改造后对外提供网络服务需开源);导出引擎子包html-deck-to-pptx为专有组件,仅授权作为本skill组成部分使用,不得单独提取再分发。
安装:一条命令,国内有镜像
环境要求:Node.js 20+和npm;导出PPTX/PDF需要本机装有Chrome/Chromium/Edge(可用CHROME_PATH环境变量指定)。
# 一键安装/更新(安装和更新是同一条命令,重跑即原地更新,已装依赖自动保留)
npx dashi-ppt-skill@latest
# 国内网络走npmmirror镜像
npx --registry=https://registry.npmmirror.com dashi-ppt-skill@latest
bash
安装过程不需要先启动Claude Code——在终端直接执行,输入Y确认即可,skill会装到全局(命令行里体现为"大师PPT")。然后在任意工作目录启动Claude Code,Skill列表里就会出现它。
也可以让AI Agent代劳:直接说"帮我安装skill:npx dashi-ppt-skill@latest,国内镜像 npx --registry=https://registry.npmmirror.com dashi-ppt-skill@latest"。
实战:从一份Markdown生成可编辑PPT
第一步:喂素材,说需求
准备任意素材——Markdown、Word、PDF或纯文本都行,丢进会话:
以 notes/06/02-AI图表生成实战.md 这份文档为素材,
准备一份PPT,受众是前端开发者,10页左右,
重点讲"四个关键时刻"和"Mermaid与draw.io怎么选"。
text
大部分参数都不需要手动设置,Skill会先把需求整理成结构化的JSON生成计划,再展示主题预览让你确认。
第二步:交互选主题和图片策略
Skill展示12套主题预览供选择(冷白调研风、色谱图表风、深浅代码风、深色图谱风等)。选定后确认图片策略,通常有三个选项:
- 不用图片,纯文字排版
- 使用文档中已有的图片
- AI生图——需要提供生图API Key,生图消耗API用量;各家模型服务商的生图成本不一样,按张计费、用多少花多少
选AI生图的注意:把API Key发给会话后,还要告知生图模型名(例如OpenAI的gpt-image-2,2026年最新一代生图模型;也可换成其他兼容生图API,同样在会话里告知对应模型名即可)。
第三步:等待生成,浏览器验收
实测一份组件库调研文档生成11页:报告结构、市场格局、React生态、Vue生态、三大范式等页面齐全,AI生图通过模型接口生成并通过校验。用浏览器打开生成结果检查——整体观感类似frontend-design/ui-ux-pro-max这类skill生成的高质量HTML页面,配图相当能打。
生成后编辑:网页里的"低代码控制台"
这是dashi和其他HTML PPT方案拉开差距的地方。生成结果本身就是一个网页版PPT编辑器:
- 右侧控制台像低代码平台的配置面板:可以设置页面排布方式、调整文字、切换左右侧图片位置
- 拖动滑杆增减页面里的模块数量,调整页面的逻辑重点(帮你把握演讲节奏)
- 点击任意文字就地修改;图片、视频槽点击或拖拽替换,上传自动压缩
- 左侧缩略图目录支持拖拽重排页面,页面可跳过/删除/复制
- 顶栏一键进入放映模式、切换明暗主题、重置全部改动;9种翻页动画可切换
想换整体风格:回到会话窗口,要求"按之前给出来的风格,重新生成一个新版本"——整套主题随时可以让Agent换掉。
导出PPTX:能编辑,但要有预期
两条路:
- 会话里直接说:"用这个skill生成PPT格式的文件"——从提示词一步到PPTX,跳过HTML中间态
- 命令行导出:
npm --prefix <project目录> run export:pptx -- <PPT输出目录>/ppt 输出.pptx
# PDF同理
npm --prefix <project目录> run export:pdf -- <PPT输出目录>/ppt 输出.pdf
bash
导出的PPTX逐节点还原、文字保持可编辑,可以直接打开继续编辑。实测两个瑕疵:页面存在轻微错位(HTML转PPTX的固有问题);部分文字偏小——如果PPT是给领导看的,字号要手动放大。官方FAQ也说得很直白:PPT无法拥有HTML的全量能力,可编辑性是"尽最大可能保留",不是100%还原。
成本账与适用边界
Token成本:一套10页PPT约10万token。按Codex 5小时额度窗口粗算约够生成10套;Claude Code按GLM/DeepSeek Coding Plan计费的话成本更低。这个消耗量级和html-ppt-skill/frontend-slides相当,"AI生图"选项的额外成本走你自己的生图API按张计费。
合适:行业研究、融资复盘、竞品分析、趋势报告、项目汇报、方案展示、路演材料、内部培训——需要快速形成结构完整、视觉统一、还能继续改的演示文稿。
不合适:需要逐像素手工定制视觉的场景。官方明确说自定义样式仅限特定范围,"稳定的产出比自由的选色更重要"——这是有意为之的设计取舍。
三个PPT Skill怎么选
| 维度 | dashi | html-ppt-skill | frontend-slides |
|---|---|---|---|
| Star(2026-11-07 核实) | 10.4k | 9k | 32k |
| 主题 | 12套(1020版式) | 36套(31布局+15 deck) | 12套精选 |
| 生成后编辑 | 每页自带控制台(低代码式) | 改HTML代码 | 改HTML代码 |
| 导出可编辑PPTX | 一键,文字保持可编辑 | 无(截图PNG为主) | 有(python-pptx提取) |
| AI生图 | 支持(自带生图API Key+模型名) | 不内置 | 不内置 |
| 平台 | Claude Code/Codex/豆包/Marvis等多Agent | Claude Code/Codex/Cursor等 | Claude Code插件 |
| 演讲者模式 | 放映模式 | 有(S键四卡片) | 无 |
| 适合场景 | 要PPTX交付、要反复改 | 技术分享、公开演讲 | 视觉控制要求高 |
选型一句话:要交付可编辑PPTX选dashi;做技术分享、看重演讲者模式选html-ppt-skill;追求视觉风格、不怕多轮调教选frontend-slides。
但无论哪个skill,都改变不了上一节的结论:想要完全风格统一的PPT,最终还是要建立自己的模板——把调好的风格沉淀成模板或Skill,让AI每次参考它生成,这才是风格可控的长久解法。
开发者常见错误
| 错误做法 | 正确做法 | 原因 |
|---|---|---|
| 没装Chrome/Chromium就导出PPTX | 先确认浏览器存在,或设置CHROME_PATH | 导出引擎依赖本地浏览器渲染 |
| 用网页Chatbot跑dashi | 用Claude Code/Codex等本地Agent | 生成器需要本地Node.js环境 |
| 选AI生图但不告诉模型名 | 提供API Key的同时告知生图模型(如gpt-image-2) | 不知道模型名无法调用生图接口 |
| 期望导出的PPTX零损耗 | 接受轻微错位,导出后手动微调 | HTML能力无法100%映射到PPTX |
| 每次从零描述风格 | 换风格时参考上一版提要求,或沉淀自己的模板 | 风格描述的复用决定一致性 |
本节要点
- dashi(dashi-ppt-skill,10.4k Star,AGPL-3.0)的核心卖点:每页自带网页编辑控制台+一键导出可编辑PPTX,补上了HTML PPT"好看但导不出"的短板
- 安装一条命令
npx dashi-ppt-skill@latest(国内加npmmirror镜像registry参数);Node 20+;导出PPTX/PDF依赖本机Chrome系浏览器 - 12套主题/1020版式/8576控件;图表版式含雷达/瀑布/桑基/甘特,分析模型含SWOT/波特五力/PEST/商业模式画布
- 适配多种AI工具:Claude Code、Codex、豆包(办公模式)、Marvis/Workbuddy等;普通网页Chatbot不适用
- AI生图是可选项:提供生图API Key+模型名(如gpt-image-2),成本按张计费走自己的API
- Token成本实测:10页PPT约10万token;内容零上传、全程本地处理
- 导出PPTX可用但非零损耗:轻微错位、部分文字偏小,交付前手动精修
- 与html-ppt-skill(演讲者模式)、frontend-slides(视觉控制)三分天下:按"要不要PPTX交付"做选型
- 长久之道不变:自建模板/Skill,让AI每次参考生成,风格才真正可控
↑